<template>
    <div class="anyBox">
        <el-image class="elImg" :src="getImgUrl('/src/assets/images/error_images/404.png')" :fit="('fill' as any)" />
        <el-button type="primary" class="elBtn" @click="goHome" size="large">返回首页</el-button>
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
import { getImageUrl } from '@/utils/dealUrl';

let $router = useRouter();

const goHome = () => {
    $router.push('/home')
}

const getImgUrl = getImageUrl;
</script>

<style scoped lang="scss">
.anyBox {
    width: 100vw;
    height: 100vh;
    background: rgb(212, 212, 212);
    display: flex;
    flex-direction: column;
    align-items: center;

    .elImg {
        margin-top: 30px;
        width: 500px;
        height: 500px;
    }

    .elBtn {
        margin-top: 10px;
    }
}
</style>